<script>
export default {
  name: "smallCourse",
  props:{
    item:[Object]
  }
}
</script>

<template>
  <div>
    <div>
      <img :src="item.coverFileUrl" alt="">
    </div>
    <div>
      {{item.courseTitle}}
    </div>
    <div>
      {{ item.learningNum }}人学习
    </div>
    <div v-if="item.isFree==='1'">
      免费
    </div>
    <div v-else-if="item.isDiscount==='1'">
      <del>{{item.coursrPrice}}</del>{{item.discountPrice}}
    </div>
    <div v-else>
      {{item.coursrPrice}}
    </div>
  </div>

</template>

<style scoped lang="less">
img{
  width: 100%;
}
</style>